<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户协议</title>
    <!-- 样式 -->
    <link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<!-- 主标题 -->
<h1 class="main-title" data-i18n="u-main-title"></h1>

<!-- 副标题 -->
<h2 class="sub-title" data-i18n="u-sub-title"></h2>

<!-- 正文容器 -->
<div class="content-wrapper">
    <section class="content-section">
<!--        <h2 id="test">test</h2>-->
        <h2 class="section-title" data-i18n="u-sub-title-2"></h2>
        <h2 class="section-title" data-i18n="u-h2-1"></h2>
        <p data-i18n="u-p-1"></p>
    </section>

    <section class="content-section">
        <h2 class="section-title" data-i18n="u-h2-2"></h2>
        <p data-i18n="u-p-2"></p>
    </section>
    <section class="content-section">
        <h2 class="section-title" data-i18n="u-h2-3"></h2>
        <p data-i18n="u-p-3-1"></p>
        <ul class="feature-list">
            <li data-i18n="u-3-li-1"></li>
            <li data-i18n="u-3-li-2"></li>
            <li data-i18n="u-3-li-3"></li>
            <li data-i18n="u-3-li-4"></li>
        </ul>
        <p data-i18n="u-p-3-1"></p>
    </section>
    <section class="content-section">
        <h2 class="section-title" data-i18n="u-h2-4"></h2>
        <p data-i18n="u-p-4"></p>
    </section>
    <section class="content-section">
        <h2 class="section-title" data-i18n="u-h2-5"></h2>
        <p data-i18n="u-p-5-1"></p>
        <p data-i18n="u-p-5-2"></p>
        <ul class="feature-list">
            <li data-i18n="u-li-5-1"></li>
            <li data-i18n="u-li-5-2"></li>
            <li data-i18n="u-li-5-3"></li>
        </ul>
        <p data-i18n="u-p-5-3"></p>
        <p data-i18n="u-p-5-4"></p>
    </section>
    <section class="content-section">
        <h2 class="section-title" data-i18n="u-h2-6"></h2>
        <p data-i18n="u-p-6"></p>
    </section>
    <section class="content-section">
        <h2 class="section-title" data-i18n="u-h2-7"></h2>
        <p data-i18n="u-p-7-1"></p>
        <p data-i18n="u-p-7-2"></p>
        <p>xfz347@gmail.com</p>
        <h2 class="section-title" data-i18n="u-h2-8"></h2>
        <h2 class="section-title" data-i18n="u-h2-9"></h2>
    </section>
</div>
<script src="./js/i18n.js"></script>
</body>
</html>
